<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>机房新增</title>
		<link rel="stylesheet" href="../../js/plugins/layui-v2.4.5/layui/css/layui.css" />
		<link rel="stylesheet" href="../../css/reset.css" />
		<link rel="stylesheet" href="../../css/form.css" />
		<style>
			.rotate90{    
				-webkit-transform: rotate(88deg);
				transform: rotate(90deg);
				display: inline-block;
				}
		</style>
	</head>
	<body class="p10">
		<div class="container p15">
			<div class="header">
				<h2>添加机房</h2>
			</div>
			<div class="content-scroll layui-form">
				<div class="layui-row ">
					<div class="layui-inline">
						<label class="layui-form-label">机房名称</label>
						<div class="layui-input-inline">
							<input type="text" name="" autocomplete="off" class="layui-input">
						</div>
					</div>
					<div class="layui-inline">
						<label class="layui-form-label">机房负责人</label>
						<div class="layui-input-inline">
							<input type="text" name="" autocomplete="off" class="layui-input">
						</div>
					</div>
				</div>
				<div class="layui-row ">
					<div class="layui-inline">
						<label class="layui-form-label">所在位置</label>
						<div class="layui-input-inline">
							<input type="text" name="" autocomplete="off" class="layui-input">
						</div>
					</div>
					<div class="layui-inline">
						<label class="layui-form-label">坐标</label>
						<div class="layui-input-inline">
							<input type="text" name="" autocomplete="off" class="layui-input">
						</div>
					</div>
				</div>
				<div class="layui-row ">
					<label class="layui-form-label">机房制度描述</label>
					<div class="layui-input-inline">
						<textarea name="desc" placeholder="请输入内容" class="layui-textarea"></textarea>
					</div>
				</div>
				<div class="layui-row ">
					<label class="layui-form-label">附件上传</label>
					<div class="layui-input-inline">
						<button type="button" class="layui-btn" id="test1">上传附件</button>
					</div>
				</div>
				<h3>巡检描述 <i class="layui-icon layui-icon-next rotate90" ></i></h3>
				<div class="layui-row ">
					<label class="layui-form-label">巡检周期</label>
					每
					<div class="layui-input-inline" style="width: 80px;">
						<input type="text" name="" autocomplete="off" class="layui-input" >
					</div>
					<div class="layui-input-inline" style="width: 100px;">
						<select name="type" lay-verify=""  >
						  <option value="">请选择</option>
						  <option value="0">月</option>
						  <option value="1">周</option>
						  <option value="2">天</option>
						  <option value="3">小时</option>
						</select> 
					</div>
					巡检一次
				</div>
				<div class="layui-row ">
					<label class="layui-form-label">巡检要求</label>
					<div class="layui-input-inline">
						<textarea name="desc" placeholder="请输入内容" class="layui-textarea"></textarea>
					</div>
				</div>
				<div class="layui-row save-btns">
					<a href="javascript:;" class="layui-btn  layui-btn-normal">保存</a>
					<a href="javascript:;" class="layui-btn  layui-btn-primary">关闭</a>
				</div>
			</div>
		</div>

		<script src="../../js/jquery-3.3.1.min.js"></script>
		<script src="../../js/plugins/layui-v2.4.5/layui/layui.js"></script>
		<script>
			$(function(){
				layui.use(['form', 'upload'], function() {
					var form = layui.form,upload = layui.upload;
					var uploadInst = upload.render({
						elem:'#test1',
						url:'',//上传接口
						done:function(res){
							//上传完毕回调
						},
						error:function(){
							//请求异常回调
						}
					})
				})
			})
		</script>
	</body>
</html>
